<template>
    <!-- <div class="search-layout">
      <el-input
      icon="search"
      v-model="input2"
      :on-icon-click="handleIconClick">
    </el-input>
      </div> -->
    <div class="search-layout">
        <el-input :placeholder="select" class="def-input" v-model="input" icon="search" @keyup.enter.native="search">
            <!--<el-select v-model="select" slot="append" placeholder="" @change="change" style="width:40px">-->
                <!--<el-option label="近期已完成订单" value="近期已完成订单"></el-option>-->
                <!--<el-option label="未完成订单" value="未完成订单"></el-option>-->
                <!--<el-option label="时间排序" value="时间排序"></el-option>-->
            <!--</el-select>-->
            <!-- <el-button slot="append" icon="search" @click="handleIconClick"></el-button> -->

        </el-input>
    </div>

</template>

<script scoped>
    export default {

        data: function () {

            return {
                select: '',
                input: ''
            }
        },
        methods: {
            handleIconClick(ev) {
                console.log(ev);
            },
            change(){
//                alert(2)
            },
            search(){
                this.$emit('transferParam', this.input);
            }
        }


    }
</script>

<style scoped>
    /*.el-select .el-input .el-input__inner{
        width: 35px !important;
        padding-right: 0px !important;
      }
      .el-input__icon+.el-input__inner{
        padding-right: 0px !important;
      }*/
    .search-layout {
        padding: 10px;
        background-color: #fff;
    }

    .def-input {
        width: 80% !important;
    }
</style>
